<!--
Author: W3layouts
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>我的个性myboke</title>    
<link href="__PUBLIC_HOME_DIR__/css/font-awesome.min.css" rel="stylesheet" type="text/css" media="all" /><!-- fontawesome -->     
<link href="__PUBLIC_HOME_DIR__/css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" /><!-- Bootstrap stylesheet -->
<link href="__PUBLIC_HOME_DIR__/css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="__PUBLIC_HOME_DIR__/css/smoothbox.css" type='text/css' media="all" />
<!-- stylesheet -->
<!-- meta tags -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Blog Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, Sony Ericsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- //meta tags -->
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/jquery-2.1.4.min.js"></script>
<script src="__PUBLIC_HOME_DIR__/js/main.js"></script>
<!-- Required-js -->
<!-- start-smoth-scrolling -->
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/move-top.js"></script>
<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/easing.js"></script>
<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){		
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>
<!-- start-smoth-scrolling -->

<!-- scriptfor smooth drop down-nav -->
<script>
$(document).ready(function(){
    $(".dropdown").hover(            
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideDown("fast");
            $(this).toggleClass('open');        
        },
        function() {
            $('.dropdown-menu', this).stop( true, true ).slideUp("fast");
            $(this).toggleClass('open');       
        }
    );
});
</script>
<!-- //script for smooth drop down-nav -->
</head>
<body>
<!-- header -->
	<include file="Public/header" />
	<!-- //header -->
	<!-- banner -->
	<div class="agile-banner">
	</div>
	<!-- breadcrumbs -->
	<div class="breadcrumbs">
		<div class="container">
			<ol class="breadcrumb breadcrumb1 animated wow slideInLeft" data-wow-delay=".5s">
				<li><a href="{:U('Index/index')}">首页</a></li>
				<li class="active">相册</li>
			</ol>
		</div>
	</div>
<!-- //breadcrumbs -->
	<!-- //banner -->
	<div class="container">
		<div class="banner-btm-agile">
		<!-- //btm-wthree-left -->
			<div class="col-md-9 btm-wthree-left">
				<div class="agileits_heading_section">
				<h3 class="wthree_head">相册</h3>
				<p class="agileinfo_para">各种记忆各种回忆</p>
			</div>
			<div class="w3ls_work_grids">	
	
				<div class="col-md-6 agileits_w3layouts_work_grid">	
					<for start="0" end="$photoNum" step="2" >
					<div class="agileits_w3layouts_work_grid1 w3layouts_work_grid1 hover14 column">
						<div class="w3_agile_work_effect">
							<a href="{$photoData[$i].photo}" class="sb" title="{$photoData[$i].p_desc}">
								<figure>
									<img src="{$photoData[$i].photo}" alt=" " class="img-responsive" />
								</figure>
							</a>
						</div>
					</div>
					</for>
				</div>
				
				<div class="col-md-6 agileits_w3layouts_work_grid-1">	
					<for start="1" end="$photoNum" step="2" >
					<div class="agileits_w3layouts_work_grid1 hover14 column">
						<div class="w3_agile_work_effect">
							<a href="{$photoData[$i].photo}" class="sb" title="{$photoData[$i].p_desc}">
								<figure>
									<img src="{$photoData[$i].photo}" alt=" " class="img-responsive" />
								</figure>
							</a>
						</div>
					</div>
					</for>		
				</div>
				
				<div class="clearfix"> </div>
				<nav class="events agileits">
					<ul class="pagination w3_paging">
						{$pageStr}
					</ul>
				</nav>
			</div>

			</div>
			<!-- //btm-wthree-left -->
			<script type="text/javascript" src="__PUBLIC_HOME_DIR__/js/smoothbox.jquery2.js"></script>
				<!-- btm-wthree-right -->
			<include file="Public/right" />
				<!-- //btm-wthree-right -->
			<div class="clearfix"></div>
		</div>
	</div>
	<!-- footer -->
	<include file="Public/footer" />
<!-- here stars scrolling icon -->
	<script type="text/javascript">
		$(document).ready(function() {
			/*
				var defaults = {
				containerID: 'toTop', // fading element id
				containerHoverID: 'toTopHover', // fading element hover id
				scrollSpeed: 1200,
				easingType: 'linear' 
				};
			*/
								
			$().UItoTop({ easingType: 'easeOutQuart' });
								
			});
	</script>
<!-- //here ends scrolling icon -->

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="__PUBLIC_HOME_DIR__/js/bootstrap.js"></script>
</body>
</html>